// back
var backHomeBtn = document.querySelector('.back_home');

// page
var pageBox = document.querySelector('.page_box');
var pageTitle = document.querySelector('.page_title');
var pageClassify = document.querySelector('.page_classify');
var pageContent = document.querySelector('.page_content');
var pageTime = document.querySelector('.page_time');

// commend
var inputCommend = document.querySelector('.input_commend');
var submitBtn = document.querySelector('.submit');
var commendListUl = document.querySelector('.commend_list_ul');

// 获取文章
// myAjax('GET','getOneArticleById?id=624be04f5c2d379f62c307bc',null).then((data) => {
//     var item = JSON.parse(data)[0];
//     // console.log(data);
//     // console.log(item);
//     // console.log(item.title);
//     pageTitle.innerText = item.title;
//     pageContent.innerText = item.content;
//     pageClassify.innerText = item.classify;
//     pageTime.innerText = item.time;
// }).catch((err) => {
//     console.log(err);
// })

// 点击文章渲染
function renderOneArticle(data) {
    var item = JSON.parse(data)[0];
    pageTitle.innerText = item.title;
    pageContent.innerText = item.content;
    pageClassify.innerText = item.classify;
    pageTime.innerText = item.time;
}

// 获取该篇文章id split把字符串分割为数组
var id = location.href.split('?')[1].split('=')[1];

// 提交评论
// submitBtn.addEventListener('click',
submitBtn.onclick = function() {
    // 获取评论框里面的评论
    var commend = inputCommend.value;

    myAjax('POST','/submitCommend',{commends:commend,id:id}).then((data) => {
        inputCommend.value = '';
        // console.log(data);
        alert(data);
        getData();
    }).catch((err) => {
        console.log(err);
    })
}

// 返回首页
backHomeBtn.addEventListener('click',function() {
    location.href = '/';
})


// 渲染所有评论
function renderAllCommendById(data) {
    // 点开其他页面时,重新赋值
    commendListUl.innerHTML = '';
    var list = JSON.parse(data);
    list.forEach((item) => {
        var li = document.createElement('li');
        li.className = 'commend_item';
        var span1 = document.createElement('span');
        var span2 = document.createElement('span');
        span1.innerText = item.commend;
        span2.innerText = item.date;
        li.appendChild(span1);
        li.appendChild(span2);
        commendListUl.appendChild(li);
    })
}

// async函数getData()
async function getData() {
    // 点击主页页面文章  跳转getPage页面 根据id获取文章
    var getOneArticleById = await myAjax('GET',`/getOneArticleById?id=${id}`,null);
    renderOneArticle(getOneArticleById);

    // 根据获取文章的id 获取到对应文章的所有评论
    var getCommendById = await myAjax('GET',`/getCommendById?id=${id}`,null);
    renderAllCommendById(getCommendById);
}

getData();